<template>
  <m-page>
    <!-- 更换还款账户 -->
    <m-header title="更换账户">
      <!-- 更换账户头部 -->
      <div class="g-head">
        <div><span class="iconfont">&#xe600;</span></div>
        <div><span>更换账户</span></div>
        <div></div>
      </div>
      <!-- 更换账户信息 -->
      <div class="g-message">
        <div class="g-message-account">
          <div><span>还款账户</span></div>
          <div><span>长沙银行借记卡（8888）</span></div>
        </div>
        <div class="g-message-changedAccount">
          <div><span>更换为</span></div>
          <div><span>请选择更换后的还款账户</span><span class="iconfont">&#xe62a;</span></div>
        </div>
        <div class="g-message-phone">
          <div><span>手机号</span></div>
          <div><span>182****0066</span></div>
        </div>
        <div class="g-message-checkNumber">
          <div><span>手机验证码</span></div>
          <div>
            <input type="text" placeholder="请输入验证码">
            <input type="button" value="获取验证码">
          </div>
        </div>
        <div class="g-message-password">
          <div><span>取款密码</span></div>
          <input type="password" placeholder="请输入取款密码">
        </div>
      </div>
      <!-- 确认按钮 -->
      <div class="g-enter">
        <!-- 确定 -->
        <ynet-button type="primary" @onClick="handleConfirm">确认</ynet-button>
      </div>
    </m-header>
  </m-page>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      // 还款账户
      account: '',
      // 验证码
      code: '',
      // 取款密码
      pwd: ''
    }
  },
  methods: {
    handleConfirm() {
      if (this.account === '') {
        app.api.showToast('请选择还款账户')
        return
      } else if (this.code === '') {
        app.api.showToast('请输入验证码')
        return
      } else if (this.pwd === '') {
        app.api.showToast('请输入取款密码')
        return
      }
      // 调用更换账户接口

      // 跳转到借款详情页
      let params = {}
      app.api.pushWindow(
        "long_xiang_loans/myborrow_borrow_details.html",
        params
      )
    }
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
